<!DOCTYPE html>
<html lang="en">

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="Ian Bell">
        <meta name="author (Side Nav)" content="http://startbootstrap.com/template-overviews/simple-sidebar/">
        <meta name="source" content="https://github.com/Sadgade-st/StreetTeens">

        <title>Street Teens</title>

        <link href="https://streetteens.googlecode.com/svn/css/main.css" rel="stylesheet" />

    </head>

    <body>

        <div id="wrapper">

            <!-- Sidebar -->
            <div id="sidebar-wrapper">
                <ul class="sidebar-nav">
                    <li class="sidebar-brand"><a href="#">Home</a>
                    </li>
                    <li class="sidebar-brand"><a href="#">About Us</a>
                    </li>
                    <li class="sidebar-brand"><a href="#">Programs/Services</a>
                    </li>
                    <li class="sidebar-brand"><a href="#">News</a>
                    </li>
                    <li class="sidebar-brand"><a href="#">Donate</a>
                    </li>
                    <li class="sidebar-brand"><a href="#">Volunteer</a>
                    </li>
                    <li class="sidebar-brand"><a href="#">Get Help</a>
                    </li>
                    <li class="sidebar-brand"><a href="#">Contact Info</a>
                    </li>
                    <li class="sidebar-brand"><a href="#">GREAT NON-PROFITS</a>
                    </li>
                </ul>
            </div>
            <!-- /#sidebar-wrapper -->

            <!-- Page Content -->
            <div id="page-content-wrapper">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12">
                            <div align="center">
                                <img src="https://streetteens.googlecode.com/svn/b.png" />
                            </div>
                            <div style="border-radius:30px; padding:20px; background-color:#0CF;">
                                <div id="slideshow"></div>
                                 <h1 align="center">Welcome to Street Teens</h1>
                                <p class="indent">You can find information regarding volunteer services, donation opportunities, as well as information on what Street Teens is all about.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /#page-content-wrapper -->

        </div>
        <!-- /#wrapper -->

        <!-- jQuery -->
        <script src="https://raw.githubusercontent.com/IronSummitMedia/startbootstrap-simple-sidebar/gh-pages/js/jquery.js"></script>

        <!-- Bootstrap Core JavaScript -->
        <script src="https://raw.githubusercontent.com/IronSummitMedia/startbootstrap-simple-sidebar/gh-pages/js/bootstrap.min.js"></script>

        <!-- Menu Toggle Script -->
        <script>
            $("#menu-toggle").click(function(e) {
                e.preventDefault();
                $("#wrapper").toggleClass("toggled");
            });
        </script>

    </body>

</html>